<template>
    <div class="my-side">
        <div class="title">
         <span>我的广告推广</span> <span>管理</span>
        </div>
        <ul>
            <li>
                <img src="../../assets/meirong1.jpg" alt="">
                <p>位置：圈子广场顶部横幅</p>
                <p>1024*120px  动态GIF</p>
                <p>距离结束还有 <b>256</b> 天 <span>续费</span></p>
                <span>查看详情</span>
            </li>
            <li>
                <img src="../../assets/meirong1.jpg" alt="">
                <p>位置：圈子广场顶部横幅</p>
                <p>1024*120px  动态GIF</p>
                <p>距离结束还有 <b>256</b> 天 <span>续费</span></p>
                <span>查看详情</span>
            </li>
            <li>
                <img src="../../assets/meirong1.jpg" alt="">
                <p>位置：圈子广场顶部横幅</p>
                <p>1024*120px  动态GIF</p>
                <p>距离结束还有 <b>256</b> 天 <span>续费</span></p>
                <span>查看详情</span>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "MySide"
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .my-side{
        >.title{
            background-color: #fe5471;
            padding: 10px 10px 10px 20px;
            span{
                color: white;
                font-size: 16px;
            }
            >:last-child{
                float: right;
            }
        }
        >ul{
            li{
                margin-top: 10px;
                padding: 5px;
                border: 1px solid #e0e0e0;
                img{
                    width: 100%;
                    height: 126px;
                    margin-bottom: 8px;
                }
                >p{
                    color: #333333;
                    font-size: 14px;
                    b{
                        color: @theme-color-dark;
                    }
                    span{
                        color: @theme-color-dark;
                        float: right;
                    }
                }
                >:last-child{
                    display: block;
                    background-color: @theme-color-dark;
                    height: 36px;
                    line-height: 36px;
                    text-align: center;
                    color: white;
                    font-size: 14px;
                    border-radius: 4px;
                    margin-top: 10px;
                    margin-bottom: 5px;
                }
            }
        }
    }
</style>